草庐IT

javascript ondrop 事件

全部标签

javascript - Angular2 中的事件委托(delegate)

我正在用ng2开发一个应用程序,但遇到了一些问题。我正在构建一个日历,您可以在其中选择一个日期范围,我需要对日期单元格上的click和mouseenter/mouseleave事件使用react。所以我有一个这样的代码(简化):calendar.component.html但这让我在浏览器的内存中有数百个单独的事件监听器(每天的单元格有3个事件监听器,我一次最多可以显示12个月,所以它会超过1000个监听器)。所以我想以“正确的方式”来做,使用称为“事件委托(delegate)”的方法。我的意思是,在父组件(month)上附加一个点击事件,当它收到一个点击事件时,只需检查它是否发生在D

javascript - 测试 React 中的点击事件是否会更新 HTML

我已经对使用Mocha显示表格的React组件进行了一些测试。我可以断言它的初始状态,但我有一个点击事件,它对我想要测试的数据进行排序。如果我使用React.addons.TestUtils.Simulate.click(theComponent)来尝试测试排序。我可以看到事件已处理,状态改变被触发在调用setState之前对数据进行排序但是当我对组件进行断言时,什么都没有改变。it('sortsthedatawhentheyearheaderisclicked',function(){varReact=require('react/addons');varTestUtils=Reac

javascript - 是否可以通过编程方式触发 onbeforeunload 事件?

我目前正在使用jquery-form-observe使用onbeforeunload提示用户有关“未保存”更改的插件。但我有一个场景,我需要在单击按钮时触发它:按钮单击最终导致页面更改,但我想在用户开始按钮单击开始的过程之前提示用户...那么有没有办法通过jQuery或者其他方式触发onb​​eforeunload呢? 最佳答案 我不知道是否有直接的方法来执行此操作,但您始终可以自己模拟浏览器的确认框。这是我根据specsatMSDN编写的一个简单函数:functiontriggerBeforeUnload(){varevent={

javascript - 确定函数是否作为 native 浏览器事件的结果调用

有没有一种方法可以确定给定的函数是否作为native浏览器事件的结果被调用?在现代浏览器中,如果您从源自点击处理程序的范围链调用函数window.open(...),页面将毫无问题地打开。但是,如果您尝试直接调用它,浏览器将生成弹出警告。因此浏览器会跟踪执行上下文并以某种方式对其进行标记,以便函数的首次使用成功。如果没有此标志,它会阻止第二次使用。如果某些函数被直接调用而不是从真正的native浏览器事件中调用,是否有任何方法可以访问此标志以在内部阻止某些函数的执行。我查看了我的函数接收到的事件对象,但我无法发现真正的native事件与通过手动触发事件生成的事件之间有什么不同。我想要的

javascript - Google 广告已使用链接预加载进行预加载,但在窗口加载事件后的几秒钟内未使用

当我访问我的网站时,即使我在页面底部设置了一个广告,也没有显示任何广告。它返回错误-资源https://pagead2.googlesyndication.com/pagead/js/r20181107/r20180604/show_ads_impl.js已使用链接预加载进行预加载,但在窗口加载事件后的几秒钟内未使用。请确保它具有适当的as值并且它是有意预加载的。是的,adblocker被禁用这是我的广告代码:(adsbygoogle=window.adsbygoogle||[]).push({}); 最佳答案 我怀疑这不是广告不展

javascript - 单击事件不会在移动 safari 中通过 youtube iframe 触发

我想在youtubeiframe视频上方放置交互控件,我通过添加wmode=opaque使其工作正常作为参数,然后将元素绝对定位在iframe之上。我的问题是,在移动版Safari上-控件首先工作正常,但当我从全屏视频返回时,它们都被禁用了。不过它在桌面上运行良好。HTML基本上是:Clickme然后按钮绝对定位在iframe之上。如需演示,请使用移动浏览器访问此fiddle:http://jsfiddle.net/SwGH5/embedded/result/您会看到该按钮在单击时会产生警报。现在,播放视频并单击“完成”。然后尝试再次单击按钮...如果电影是使用嵌入的标记我可以监听全屏

javascript - 为什么 clientX 在最后一次拖动事件中重置为 0,如何解决?

我试图沿着一条线拖动元素。他们应该互相插入,而不是越过或越过。为了避免拖动时有阴影元素float,我拖动了一个子div,它会影响外部元素的位置。工作正常,除非您释放鼠标触发最后一个拖动事件,clientX等于0(参见CodePen)!varb=document.querySelector('.box');varbi=document.querySelector('.box-inner');varb2=document.querySelector('.box2');bi.addEventListener('dragstart',function(){console.log("dragst

Javascript 模块模式事件和监听器

我正在实现模块模式,并且想知道定义和注册事件监听器/处理程序的最佳/首选方法。以下工作,但也许有更好/更简单的方法......varMODULE=function(){//privatevar_field1;var_field2;functionlocalFunc(p){alert('localFunc');}//publicreturn{//propertiesprop1:_field1,//eventsmyEvent1Handler:{},myEvent1:function(){myEvent1Handler();},myEvent2Handler:{},myEvent2:func

javascript - 如何在 AngularJS 中观察自定义事件?

简单示例:我有一个文本区域并想为其提供额外的行为:在enter键上做一些事情,然后在shift+enter上转到下一行我想我应该提供额外的指令来添加该行为。我已经这样做了:http://jsbin.com/oruvuy/1/edit附言一件hackie事情对我来说似乎很奇怪:我手动调用$digest()。可以吗?有什么想法吗?JS:angular.module('Chat',[]).directive('enterSubmit',function(){return{restrict:'A',link:function(scope,element,attrs){varsubmit;$(e

javascript - 在 javascript 中处理 Canvas 的 OnClick 事件并获取其坐标

我有一个Canvas可以这样画我需要在点击它时处理该事件并获取它在Canvas上被点击的坐标 最佳答案 您需要获取页面的x和y坐标,然后减去canvas偏移量以获得它们相对于canvas的偏移量。functionq(event){event=event||window.event;varcanvas=document.getElementById('canvas'),x=event.pageX-canvas.offsetLeft,y=event.pageY-canvas.offsetTop;alert(x+''+y);}jsFidd